<!-- 文档类型声明标签，告知浏览器这个页面采取html版本来显示页面 -->
<!DOCTYPE html>
<!-- 告诉浏览器这是一个英文网站，本页面采取英文显示，单也可以书写中文 -->
<html lang="en">

<head>
    <!-- 必须书写，告知浏览器以UTF-8编码表编解码中文，如果不书写就会乱码 -->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 标题标签 -->
    <title>Title</title>
</head>
<body>

<form id="register" action="#">
    <input type="text" name="username" id="username" onblur="checkUserName()"/>

    <input type="submit" value="提交">
</form>

<script>
    //需求：给form表单绑定提交事件，然后将数据提交到后台服务器
    function checkUserName(){
        //要求用户名必须是6位任意字符
        let reg=/^.{6}$/;
        // 2使用正则对象调用test函数校验
      let usernameValue=  document.getElementById("username").value;
        if(reg.test(usernameValue)){
            alert("用户名合法") 
            return true
        }else{
            alert("不合法")
            return false
        }
    }
    document.getElementById("register").onsubmit=function(){
        return checkUserName();
    }

</script>

</body>
</html>